<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
  <title>小鸡-日照评测3D</title>
  <script>
    // var calc = function () {
    //   var docElement = document.documentElement;
    //   docElement.style.fontSize = docElement.clientWidth / 390 + 'px'
    // }
    // calc();
    // window.addEventListener('resize', calc);

  </script>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
  <link rel="stylesheet" href="./style.css">
</head>

<body>
  <div id="app"></div>
  <p id="tip">单指旋转 双指缩放或平移</p>
  <div id="sunshine">
    <div style="background:#5CEE99">T=8h</div>
    <div style="background:#B7EF7D ">8>T>=6</div>
    <div style="background:#F9FE74">6>T>=4</div>
    <div style="background:#FCC87F">4>T>=2</div>
    <div style="background:#F15E8F">T&lt;2h</div>
  </div>
  <div id="date-controller">

    <div class="top-wrap">
      <span class="build_name"></span>
      <span class="no_man_notice">免责声明</span>
    </div>
    <div class="slide-time">
      <span>14:00</span>
    </div>
    <div class="progress-wrap">
      <span class="time_at start">7:00</span>
      <input id="date-progress" min="7" max="16" step="1" type="range" style="">
      <span class="time_at end">16:00</span>
      <div class="player">
        <img src="https://xiaoji-hangzhou.oss-cn-hangzhou.aliyuncs.com/img/icon_3dmodel_play.jpeg">
      </div>

    </div>

    <div class="session-box">
      <span>冬至</span>
      <span>大寒</span>
      <span>春分</span>
      <span>夏至</span>
    </div>
    <div id="daes">
    </div>
  </div>
  <div id="exemption_dialog">
    <div class="dialog-top">
      <div class="dialog-close">
        <img src="https://xiaoji-hangzhou.oss-cn-hangzhou.aliyuncs.com/img/icon_3dmodel_close.jpeg">
      </div>
    </div>
    <div class="dialog-content">
      <h4>日照免责声明</h4>
      <p style="text-indent:2em;">任何网友在进入本平台时均视为已经仔细看过本条款并完全同意。凡以任何方式登录本平台，或直接、间接使用本平台资料者，均视为自愿接受本平台所有相关声明和用户服务协议的约束。
      </p>
      <p style="text-indent:2em;">
        以上分析数据是根据政府规划公示图纸等第三方提供的数据建模模拟评测的结果。在南面、东西面日照分析图中，数字代表日照的累计小时数，计算时间为冬至，大寒，立冬，春分，夏至，秋分。夏至东西面的日照，计算的是早上7点到下午6点，共11个小时；点击以上日照表格，切换查看不同楼层的日照时间长短。以上数据是根据政府规划数据，通过专业软件计算得来，所以本信息仅供参考，不应单独作为您交易的决策依据，房源的准确信息请您与开发商核实，或以开发商公示信息，政府类网站发布的官方信息以及签订的购房合同为准。由于设计变更，
        施工精度等影响，本日照评测无法完全符合实际情况，数据仅供参考。本平台旨在为广大用户提供更全面的房产信息，但由于部分信息由第三方提供，部分信息依托政府及楼盘公开公示信息通过技术手段生成，故无法确保信息的真实性，准确性和完整性。房产交易滋事体大，本平台信息不应单独作为客户交易决策的依据，客户决策前应与房地产开发商企业核实准确的相关信息，并亲至开发企业销售现场核验相关证件，各项信息，最终以签订的购房合同为准，为确保决策符合您的要求，必要时请您与政府主管部门就相关信息进行核实。本平台不对您交易过程中因本平台展示信息产生的依赖承担明示或默示
        的担保责任在内的任何法律责任。</p>
    </div>

  </div>

  <div id="options">
    <div class="option_left">
      <div id="btn_reset" class="abs_btn">
        <img src="/assert/images/reset.png">
      </div>
      <div id="btn_share" class="abs_btn">
        <img src="/assert/images/share.png">
      </div>
    </div>
    <span class="option_line"></span>
    <div class="option_right">
      <img class="btn_avatar" src="https://xiaoji-hangzhou.oss-cn-hangzhou.aliyuncs.com/img/xiaojixuanfanglogo.png" />
      <span class="ask">咨询</span>
    </div>
  </div>

  <div id="loading_mask">
    <div>
      <img src="/assert/images/loading.gif">
      <!-- <p>单指旋转，双指缩放和平移</p> -->
    </div>
  </div>
  <div id="guide-wrap">
    <img class="compass" src="https://xiaoji-hangzhou.oss-cn-hangzhou.aliyuncs.com/img/icon_3dmodel_north_text.jpeg">
    <img class="arrow" src="https://xiaoji-hangzhou.oss-cn-hangzhou.aliyuncs.com/img/icon_3dmodel_north_arrow.jpeg">
  </div>

  <script type="module" src="/main.js"></script>
</body>

</html>